<template>
	<view class="box">
		<view class="waive-banner">
			<image src="../../static/image/weav_bg.png" mode=""></image>
			<view class="waive-top-info">
				<view class="waive-top-info-list">
					<view class="">
						亲爱的{{name}}，
					</view>

				</view>
				<view class="waive-top-info-list">
					<view class="">
						蜜袋互助已守护您<text> {{info.days}} </text>天
					</view>

				</view>
				<view class="waive-top-info-list">
					<view class="">
						已帮助<text> {{info.helpCount}} </text>人
					</view>

				</view>
				<view class="waive-top-info-list">
					<view class="">
						<text style="margin-left:0"> {{info.quantity}} </text>个人还在共同守护
					</view>

				</view>
				<view class="waive-top-info-list">
					<view class="">
						您确定要离开吗？
					</view>
				</view>
			</view>

		</view>
		<view class="waive-center-box">
			<view class="only-title">
				每日只需0.14元，即可拥有20年35万元保障
			</view>
			<image src="../../static/image/weav_1.png" mode="" class="waive_1"></image>
			<view class="surprised-title">
				<view class="">
					<text>两毛钱</text>
					让自己或者家人持续享有
				</view>
				<view class="">
					最高<text>35万大病保障</text>
				</view>
			</view>
		</view>
		<view class="why-box">
			<view class="why-jion-help">
				<view class="why-title" style="margin-left: 40rpx;text-align: left;">了解蜜袋互助</view>
				<view class="why_understand">
					<view class="why_understandWrap">
						<view class="why_understandText">
							<image src="../../static/image/index_6.png" mode="" class="why4"></image>
							<text>
								蜜袋互助是专为中低收入人群打造的大病互助共济服务。基于“一人患病、众人分摊”的原则，依托绿色能源稳定发电收益，为不幸罹患重大疾病的成员提供最长20年最高35万元的互助金。
                                每一个加入的会员只要购买一个光伏组件就可以选择加入到蜜袋互助计划中来！不仅帮助绿色能源产业健康发展（属于5G“新基建”范畴），也能够让产业健康发展所产生的电费收益来支持会员的大病互助计划！
							</text>
						</view>
						<view class="why_understandWrapTitle">
							<text>加入享最长<text style="color: #65BE00;">20年</text>最高<text style="color: #65BE00;">35万</text>的互助金</text>
						</view>
						
						<view class="why_table table_bottom" style="width: 570rpx;">
							<view class="condition-rule tableSafe" style="width: 570rpx;">
								<view class="table-head">
									保障101种重疾(含癌症) 初次确诊可赔
								</view>
								<view class="table-trsafe flex" style="font-size: 20rpx;">
									<text class="flex1">年龄(周岁,含周岁当年)</text>
									<text class="flex1">最高互助金额(人民币)</text>
								</view>
								<view class="table-trsafe flex">
									<text class="flex1">30天～29周岁</text>
									<text class="flex1">35万</text>
								</view>
								<view class="table-trsafe flex">
									<text class="flex1">30岁～39周岁</text>
									<text class="flex1">30万</text>
								</view>
								<view class="table-trsafe flex">
									<text class="flex1">40岁～49周岁</text>
									<text class="flex1">20万</text>
								</view>
								<view class="table-trsafe flex">
									<text class="flex1">50岁～59周岁</text>
									<text class="flex1">10万</text>
								</view>
							
							</view>
						</view>
						
						<view class="why_understandFlexWrap">
							<view class="why_understandFlex">
								<text>加入年龄</text>
								<view>
									0~59周岁（含59周岁当年）
								</view>
							</view>
							<view class="why_understandFlex">
								<text>保障范围</text>
								<view>
									101种重疾（含癌症）
								</view>
							</view>
							
							<view class="why_table_bottom">
								<view class="why_tableBottomContent">
									<image src="../../static/image/why_tableImg.png"></image>
									<text>门槛低</text>
									<text>0~59周岁可加入</text>
								</view>
								<view class="why_tableBottomContent">
									<image src="../../static/image/why_tableImg.png"></image>
									<text>可叠加</text>
									<text>与医保商保不冲突</text>
								</view>
								<view class="why_tableBottomContent">
									<image src="../../static/image/why_tableImg.png"></image>
									<text>更省事</text>
									<text>一次付费，后续无需再充值</text>
								</view>
								<view class="why_tableBottomContent">
									<image src="../../static/image/why_tableImg.png"></image>
									<text>更灵活</text>
									<text>互助权益可转赠家人</text>
								</view>
							</view>
						</view>
					
					</view>
				
				</view>
				
			</view>
			
			<view class="why-jion-help">
				<view class="why-title" style="margin-left: 40rpx;text-align: left;">我们有何不同</view>
				<image src="../../static/image/index_15.png" class="why5"></image>
				</view>
		</view>
		
		
		
		<view class="waive-consequence">
			<view class="consequence-head flex">
				<view class="bugle flex flai fljc">
					<image src="../../static/image/horn_white.png" mode=""></image>
					<text>特别提醒</text>
				</view>
				<view class="if-title">
					如果现在退出
				</view>
			</view>
			<view class="consequence-con">
				<view class="consequence-list flex flai">
					<image src="../../static/image/pic7.png" mode=""></image>
					<text>最高35万互助金</text>
					<text>将失效</text>
				</view>
				<view class="consequence-list flex flai">
					<image src="../../static/image/pic7.png" mode=""></image>
					<text>再加入将</text>
					<text>重新计算180天等待期</text>
				</view>
				<view class="consequence-list flex flai">
					<image src="../../static/image/pic7.png" mode=""></image>
					<text>再加入需</text>
					<text>重新确认健康要求</text>
				</view>
			</view>
		</view>
		<view class="footer-btn flex flai">
			<view class="flex1" @click="waive">
				放弃保障
			</view>
			<view class="flex1" @click="backPrev">
				我再想想
			</view>
		</view>
	</view>
</template>

<script>
	import api from '../../api/index.js'
	export default{
		data (){
			return {
				id:'',
				info:{},//守护信息
				name:''
			}
		},
		onLoad(opt) {
			this.id = opt.id;
			this.name = uni.getStorageSync('name');
			this.getData(this.id)
		},
		methods:{
			// 获取数据
			getData(id){
				api.myHelp.returnStatistics({id:id}).then(res=>{
					if (res.code == 1) {
						this.info = res.data
					}
				})
			},
			// 去选择放弃原因
			waive(){
				uni.navigateTo({
					url:'/pages/myMutualHelp/waiveRealse?id='+this.id
				})
			},
			// 返回上一页
			backPrev(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style>
	@import "../../static/css/common.css";
	@import url("./myMutualHelp.css");
	.box{
		background: #FFFFFF;
	}
</style>
